import { GithubOutlined, QqOutlined, WechatOutlined } from '@ant-design/icons';
import { Tooltip } from 'antd';

const Footer = () => {
    const currentYear = new Date().getFullYear();

    return (
        <footer className="w-full bg-gray-800 text-white py-8 mt-8">
            <div className="max-w-[1480px] mx-auto px-4">
                <div className="flex flex-col items-center justify-center space-y-4">
                    {/* 社交媒体图标 */}
                    <div className="flex space-x-8">
                        <Tooltip title="微信：xin18234352245">
                            <a href="#" className="text-gray-300 hover:text-green-400 transition-colors">
                                <WechatOutlined className="text-2xl" />
                            </a>
                        </Tooltip>
                        <Tooltip title="QQ：1124849882">
                            <a href="http://wpa.qq.com/msgrd?v=3&uin=1124849882&site=qq&menu=yes" 
                               target="_blank" 
                               rel="noopener noreferrer" 
                               className="text-gray-300 hover:text-blue-400 transition-colors">
                                <QqOutlined className="text-2xl" />
                            </a>
                        </Tooltip>
                        <Tooltip title="访问我的gitee">
                            <a href="https://gitee.com/he-xx-xx"
                               target="_blank" 
                               rel="noopener noreferrer" 
                               className="text-gray-300 hover:text-purple-400 transition-colors">
                                <GithubOutlined className="text-2xl" />
                            </a>
                        </Tooltip>
                    </div>
                    
                    {/* 版权信息 */}
                    <div className="text-gray-300 text-sm text-center">
                        Copyright 2004 - {currentYear} 星轨图书借阅. All Rights Reserved
                    </div>
                </div>
            </div>
        </footer>
    );
};

export default Footer; 